<template>
  <ul class="create-center bs">
    <li class="left">
      <Icon type="md-person" />
      <span>创作中心</span>
    </li>
    <li class="right">
      <a href="#">
        <span>去开通</span>
        <Icon type="ios-arrow-forward" />
      </a>
    </li>
  </ul>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
$cm_color: #8590a6;
.create-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5rem;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  border-radius: 0.4rem;
  border: 1px solid #eee;
  background: #fff;
  color: $cm_color;
  .left {
    cursor: pointer;
    span {
      margin-left: 0.5rem;
    }
  }
  .right {
    color: rgb(0, 132, 255);
  }
}
</style>